Getting Started with jQuery Mobile

<!DOCTYPE html>
<html>

<head>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <!-- Include CSS URL -->
  <link rel="stylesheet" href="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
  <!-- Include jQuery URL -->
  <script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
  <!-- Include jQuery mobile URL -->
  <script src="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
</head>

<body>
  <div data-role="page">
    <div data-role="header">
      <h3>Welcome you on Home page header!</h3>
    </div>
    <div data-role="main" class="ui-content">
      <p>Welcome you on main content UI!</p>
    </div>
    <div data-role="footer">
      <h3>Welcome you footer Text!</h3>
    </div>
  </div>

</body>

</html>

// Add your javascript here
$(function(){
  $("h1").animate({
    "margin-left": "100px"
  }, "slow");
});

/* Put your css in here */

h1 {
  color: red;
}